<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>发表帖子</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="前端社区">
    <meta name="description" content="技术交流社区网站">
    <link rel="stylesheet" href="/static/web/res/layui/css/layui.css">
    <link rel="stylesheet" href="/static/web/res/css/global.css">
</head>
<body>
@extends('Web.common.header')

<div class="layui-container fly-marginTop">
    <div class="fly-panel" pad20 style="padding-top: 5px;">
        <!--<div class="fly-none">没有权限</div>-->
        <div class="layui-form layui-form-pane">
            <div class="layui-tab layui-tab-brief" lay-filter="user">
                <ul class="layui-tab-title">
                    <li class="layui-this">发表新帖</li>
                </ul>
                <div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;">
                    <div class="layui-tab-item layui-show">
                        <form data-url="/forumInsert">
                            {{csrf_field()}}
                            <div class="layui-row layui-col-space15 layui-form-item">
                                <div class="layui-col-md3">
                                    <label class="layui-form-label">所在专栏</label>
                                    <div class="layui-input-block">
                                        <select lay-verify="required" name="type_id" lay-filter="column">
                                            <option></option>
                                            @foreach($type as $key => $value)
                                                <option value="{{$value['id']}}">{{$value['title']}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-col-md9">
                                    <label class="layui-form-label">标题</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="title" lay-verify="required" autocomplete="off"
                                               class="layui-input">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item layui-form-text">
                                <div class="layui-input-block">
                                    <textarea id="L_content" name="content" lay-verify="required" placeholder="详细描述"
                                              class="layui-textarea fly-editor" style="height: 260px;"></textarea>
                                </div>
                            </div>
                            {{--              <div class="layui-form-item">
                                            <label for="L_vercode" class="layui-form-label">人类验证</label>
                                            <div class="layui-input-inline">
                                              <input type="text" id="L_vercode" name="vercode" required lay-verify="required" placeholder="请回答后面的问题" autocomplete="off" class="layui-input">
                                            </div>
                                            <div class="layui-form-mid">
                                              <span style="color: #c00;">1+1=?</span>
                                            </div>
                                          </div>--}}
                            <div class="layui-form-item">
                                <button class="layui-btn layui-btn-sm" lay-submit lay-filter="submitIng">立即发布</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@extends('Web.common.footer')

@section('script')
    @include('Web.common.common_js')
    <script>
        layui.use(['layer', 'jquery', 'form'], function () {
            $ = layui.jquery;
            var form = layui.form;
        });
    </script>
@endsection

</body>
</html>